<template>
  <div class="box-padding ">
    <dv-charts :option="option" style="height:240px" />
  </div>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      option: {
        title: {
          text: '占比饼状图',
          show: true,
          style: {
            fill: '#fff',
            fontSize: 17,
            fontWeight: '600',
            textAlign: 'center',
            textBaseline: 'bottom',
          },
        },

        series: [
          {
            type: 'pie',
            radius: '60%',
            data: [
              { name: '可口可乐', value: 93 },
              { name: '百事可乐', value: 32 },
              { name: '哇哈哈', value: 65 },
              { name: '康师傅', value: 44 },
            ],
            insideLabel: {
              show: true, //每个区块所占比例 是否显示
            },
          },
        ],
      },
    }
  },
}
</script>

<style scoped></style>
